<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/jq-ui.css" />
		<link rel="stylesheet" href="css/clip.css" />
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
	</head>

	<body>
		
		<div class="cliper-container">
			<table class="cliper">
				<tr>
					<td class="cliper-top-left"></td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td></td>
					<td class="cliper-chooser"></td>
					<td></td>
				</tr>
				<tr>
					<td></td>
					<td></td>
					<td class="cliper-bottom-right"></td>
				</tr>
			</table>
			<img class="cliper-img" src="img/source.jpg" />
		</div>
		<div class="slider"></div>
		<button onclick="getPosition()"> 获取位置</button>
	</body>
	<script type="text/javascript" src="js/jq-ui.js"></script>
	<script type="text/javascript" src="js/drag.js"></script>
	<script type="text/javascript" src="js/clip.js"></script>
</html>